<!DOCTYPE html>
<html lang="en">

<head>
    <title>news</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/demo.css">
    <link rel="stylesheet" href="./css/news.css">
</head>

<body>
    <div class="web">
        <header>
            <nav class="navbar navbar-default wrap_1000">
                <div class="container-fluid">
                    <!-- float left & logo space -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="./index.html"><img src="./img/logo.png" alt=""></a>
                    </div>
                    <!--  -->
                    <div id="navbar" class="navbar-collapse collapse">
                        <!-- nav list -->
                        <ul class="nav navbar-nav">
                            <li><a href="./index.html">首页</a></li>
                            <li><a href="./clan.html">Laya家族</a></li>
                            <li><a href="./game.html">游戏</a></li>
                            <li class="active"><a href="#">新闻动态</a></li>
                            <!-- 1 in 1 -->
                            <li class="visible-md-block visible-lg-block"><a href="#">开发者中心</a></li>
                            <li class="visible-md-block visible-lg-block"><a href="#">开发者社区</a></li>
                            <li class="visible-md-block visible-lg-block"><a href="#">开放平台</a></li>
                            <li class="visible-md-block visible-lg-block"><a href="./about_us.html">关于我们</a></li>
                            <!-- 1 in 2 -->
                            <li class="dropdown visible-sm-block visible-xs-block">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                    aria-haspopup="true" aria-expanded="false">更多 <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">开发者中心</a></li>
                                    <li><a href="#">开发者社区</a></li>
                                    <li><a href="#">开放平台</a></li>
                                    <li><a href="./about_us.html">关于我们</a></li>
                                </ul>
                            </li>
                        </ul>
                        <!-- language -->
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                    aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">中文</a></li>
                                    <li><a href="#">English</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!--/.nav-collapse -->
                </div>
                <!--/.container-fluid -->
            </nav>
        </header>


        <main class="wrap_1000 ">
            <!-- news top -->
            <div class="news_top w_100">
                <h1>新闻动态</h1>
                <div class="top_area container-fluid">
                    <div class="row">
                        <div class="col-xs-12 col-sm-4">
                            <a href="#">
                                <div class="img_box"><img src="./img/news/title01.jpg" alt=""></div>
                            </a>
                        </div>
                        <div class="col-xs-12 col-sm-4">
                            <a href="#">
                                <div class="img_box"><img src="./img/news/title02.jpg" alt=""></div>
                            </a>
                        </div>
                        <div class="col-xs-12 col-sm-4">
                            <a href="#">
                                <div class="img_box"><img src="./img/news/title03.jpg" alt=""></div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- news part -->
            <div class="news_part w_100">
                <div class=" container-fluid">
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="img_box"><a href="#"><img src="./img/news/news01.jpg" alt=""></a></div>
                        </div>
                        <div class="col-sm-9">
                            <h2>技术突破：HTML5裸跑性能已可媲美APP</h2>
                            <p class="p_3 n_time">2016-02-25</p>
                            <p class="p_3 n_text">
                                Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。
                            </p>
                            <div class="n_button fr">
                                <p>查看详情</p>
                            </div>
                        </div>
                    </div><!-- row1 -->
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="img_box"><a href="#"><img src="./img/news/news02.jpg" alt=""></a></div>
                        </div>
                        <div class="col-sm-9">
                            <h2>Layabox吹响进军台湾HTML5市场的号角</h2>
                            <p class="p_3 n_time">2016-01-29</p>
                            <p class="p_3 n_text">以本届HTML5游戏峰会为契机，Layabox携多款优质大型HTML5手游吹响了进军台湾的号角，与此同时，Layabox与台湾游戏产业同行就游戏开发、游戏发行、平台合作等业务启动了合作的筹备阶段。猴年春节后，将会有多款大型HTML5手游直接登陆台湾游戏市场。</p>
                            <div class="n_button fr">
                                <p>查看详情</p>
                            </div>
                        </div>
                    </div><!-- row2 -->
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="img_box"><a href="#"><img src="./img/news/news03.jpg" alt=""></a></div>
                        </div>
                        <div class="col-sm-9">
                            <h2>微信“应用号”后，Layabox与火速移动结盟力推HTML5应用</h2>
                            <p class="p_3 n_time">2016-01-15</p>
                            <p class="p_3 n_text">Layabox总裁谢成鸿讲解了HTML5游戏引擎的现状和未来的发展，认为HTML5的性能突破将淘汰单个行业领域的全能引擎，向全行业引擎领域发展，HTML5的3D引擎时代也会提前到来。</p>
                            <div class="n_button fr">
                                <p>查看详情</p>
                            </div>
                        </div>
                    </div><!-- row3 -->
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="img_box"><a href="#"><img src="./img/news/news04.jpg" alt=""></a></div>
                        </div>
                        <div class="col-sm-9">
                            <h2>谢成鸿：HTML5引擎将向全行业引擎领域发展</h2>
                            <p class="p_3 n_time">2016-01-12</p>
                            <p class="p_3 n_text">Layabox总裁谢成鸿讲解了HTML5游戏引擎的现状和未来的发展，认为HTML5的性能突破将淘汰单个行业领域的全能引擎，向全行业引擎领域发展，HTML5的3D引擎时代也会提前到来。</p>
                            <div class="n_button fr">
                                <p>查看详情</p>
                            </div>
                        </div>
                    </div><!-- row4 -->
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="img_box"><a href="#"><img src="./img/news/news05.jpg" alt=""></a></div>
                        </div>
                        <div class="col-sm-9">
                            <h2>Layabox荣膺“2015年度最佳引擎奖”</h2>
                            <p class="p_3 n_time">2016-01-07</p>
                            <p class="p_3 n_text">HTML5梦工场举办的”娜喊杯”2015 HTML5年度颁奖盛典于2016年1月7日在北京古北水镇成功举行。Layabox凭借2015年唯一拥有大型HTML5游戏线上产品的商业引擎供应商优势，荣膺“2015年度最佳引擎奖”。</p>
                            <div class="n_button fr">
                                <p>查看详情</p>
                            </div>
                        </div>
                    </div><!-- row5 -->
                    <div class="row">
                        <div class="col-sm-3 ">
                            <div class="img_box"><a href="#"><img src="./img/news/news06.jpg" alt=""></a></div>
                        </div>
                        <div class="col-sm-9">
                            <h2>Layabox本月将上线四款大型HTML5游戏</h2>
                            <p class="p_3 n_time">2015-12-10</p>
                            <p class="p_3 n_text">Layabox一直致力于大型HTML5引擎技术研发和CP培育，从本月开始，将不断推出大型HTML5游戏，我们希望用自己的努力，提升玩家和渠道对HTML5游戏品质以及盈利能力的信心，推动产业的发展和升级。</p>
                            <div class="n_button fr">
                                <p>查看详情</p>
                            </div>
                        </div>
                    </div><!-- row6 -->
                    <div class="row">
                        <div class="col-sm-3 ">
                            <div class="img_box"><a href="#"><img src="./img/news/news07.jpg" alt=""></a></div>
                        </div>
                        <div class="col-sm-9">
                            <h2>关于HTML5游戏跨界合作的几个切入点</h2>
                            <p class="p_3 n_time">2015-12-02</p>
                            <p class="p_3 n_text">要想在当前阶段先跳出来成为瞩目的明星企业。一是制作高品质游戏，兼顾APP与H5市场；二是要深度结合H5技术的无需下载、即点即玩、易传播、跨平台、应用领域广泛等属性</p>
                            <div class="n_button fr">
                                <p>查看详情</p>
                            </div>
                        </div>
                    </div><!-- row7 -->
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="img_box"><a href="#"><img src="./img/news/news08.jpg" alt=""></a></div>
                        </div>
                        <div class="col-sm-9">
                            <h2>HTML5行业首次出席中日韩政府级开源论坛</h2>
                            <p class="p_3 n_time">2015-11-26</p>
                            <p class="p_3 n_text">第十四届东北亚开源软件推进论坛在日本东京举行,本次会议由中日韩三国行业主管部门组织。这是HTML5行业代表首次出市出席东北亚开源软件推进论坛。</p>
                            <div class="n_button fr">
                                <p>查看详情</p>
                            </div>
                        </div>
                    </div><!-- row8 -->
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="img_box"><a href="#"><img src="./img/news/news09.jpg" alt=""></a></div>
                        </div>
                        <div class="col-sm-9">
                            <h2>Layabox引擎用HTML5还原3D端游</h2>
                            <p class="p_3 n_time">2015-11-23</p>
                            <p class="p_3 n_text">老牌游戏研发商中娱正在用Layabox引擎将著名3D 端游《猎刃》还原到HTML5场景中，Layabox有望成为首个拥有重度3D游戏产品案例的HTML5游戏引擎。</p>
                            <div class="n_button fr">
                                <p>查看详情</p>
                            </div>
                        </div>
                    </div><!-- row -->

                </div>
            </div><!-- news_part -->
            <!-- news page turning -->
            <div class="line">
            </div>
            <div class="page_turn w_100">
                <div class="page_area">
                    <div class="page_box"><p>36条</p></div>
                    <div class="page_box"><p>上一页</p></div>
                    <div class="page_box"><p>1</p></div>
                    <div class="page_box"><p>2</p></div>
                    <div class="page_box"><p>3</p></div>
                    <div class="page_box"><p>4</p></div>
                    <div class="page_box"><p>下一页</p></div>
                </div>
            </div>
        </main>


        <footer>
            <div class="container footbar wrap_1000">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-6  col-lg-6 f_info">
                        <div>
                            <a href=""><p>公司简介</p></a>
                            <a href=""><p>联系方式</p></a>
                            <a href=""><p>人才招聘</p></a>
                        </div>
                        <p class="p_12">All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
                    </div>
                    <div class="col-sm-4 col-sm-offset-2 col-md-4 col-md-offset-2 col-lg-4 col-lg-offset-2  visible-lg-block visible-md visible-sm f_share">
                        <div class="share_icon"><img src="./img/demo/mailbox.png" alt="mailbox"></div>
                        <label for="wechat_qacode" class="wechat_label">
                            <div class="share_icon">
                                <img src="./img/demo/wechat.png" alt="wechat">
                            </div>
                        </label>
                        <!-- fake js begin -->
                        <input type="checkbox" name="" id="wechat_qacode">
                        <div class="qacode">
                            <img src="./img/qacode.png" alt="">
                        </div>
                        <!-- fake js finish -->
                        
                        <div class="share_icon"><img src="./img/demo/qq.png" alt="QQ"></div>
                    </div>
                </div>
            </div>
        </footer>
    </div>

    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
</body>

</html>